<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>运营管理平台|银行卡管理</title>
<link rel="shortcut icon" href="../images/logo_s.png">
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<link rel="stylesheet" type="text/css" href="../css/basic.css" />
<script type='text/javascript' src='../js/import.js'></script>
<script src="../js/jquery-powerSwitch.js"></script>
<script type='text/javascript' src='../js/ctrl/HeaderCtrl.js'></script>
<script type='text/javascript' src='../js/ctrl/PagingCtrl.js'></script>
<script type="text/javascript" src="../js/ctrl/LeftMenuCtrl.js"></script>
<script type="text/javascript" src="../js/ctrl/CardInfoListCtrl.js"></script>
<script type="text/javascript" src="../js/importDatePicker.js"></script>
<script type="text/javascript" src="../js/initDatePicker.js"></script>
</head>
<body>
	<div id="headerContainer" headerContainer loadMenu="true"></div>
	<div class="clear"></div>
	<div id="content">
		<div id="leftMenuContainer" leftMenuContainer class="leftMenu"></div>
		<div class="rigthTable">
			<div class="rigthTableTop">
				<span><img src="../images/position.png"></span> <span>当前位置:
					首页>运营管理>银行卡管理</span>
			</div>
			<!-- 	<div class="productQueryError" id="LoginError" style="display: none;">
				<img src="../images/error.png" /><span id="sperr"></span>
			</div> -->

			<div class="rigthTableCondition2 Condition5" id="queryBlock" style="height:190px;">
				<form id="bkForm" action="" method="post" submit="queryClick" novalidate>
					<div class="rigthTableConditionInput">
						<p>
							用户编号：&nbsp;<input type="text" id="cusCode" name="cusCode" 
								maxlength="18" pattern="^[0-9]*$" required /> <span
								id="wrong2" class="wrong" inputId="cusCode"
								validateAlert="validate.pattern" style="display: none;">用户编号格式不正确</span>
						</p>
						<p>
							真实姓名：&nbsp;<input type="text" id="realName" name="realName"
								maxlength="20" pattern="^[a-zA-Z0-9\u4E00-\u9FA5]*$" required /> <span
								id="wrong2" class="wrong" inputId="realName"
								validateAlert="validate.pattern" style="display: none;">姓名格式不正确</span>
						</p>
						<p>
							手机号码：&nbsp;<input type="mobile" name="cusMobile" id="cusMobile"
								maxlength="20" required /> <span id="wrong4" class="wrong"
								inputId="cusMobile" validateAlert="validate.mobile"
								style="display: none;">手机号码格式不正确</span>
						</p>
						<p>
							所属银行：&nbsp;<input type="text" name="bankName" id="bankName"pattern="^[\u4E00-\u9FA5]*$"
								maxlength="20" required /> <span id="wrong4" class="wrong"
								inputId="bankName" validateAlert="validate.pattern"
								style="display: none;">所属银行格式不正确</span>
						</p>
					</div>
					<div class="rigthTableConditionInput"></div>
					<div class="rigthTableConditionInput">
						<p>
							 用户名：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="userName" id="userName"
								maxlength="20" pattern="^([\u4e00-\u9fa5-a-zA-Z0-9\\-]+)$" required /> <span
								id="wrong" class="wrong" inputId="userName"
								validateAlert="validate.pattern">用户名格式不正确</span>
						</p>
						<p>
							身份证号：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" id="cusIdNum" name="cusIdNum"
								maxlength="20" pattern="^[a-zA-Z0-9]*$" required /> <span id="wrong2"
								class="wrong" inputId="cusIdNum"
								validateAlert="validate.pattern" style="display: none;">身份证号不正确</span>
						</p>
						<p>
							银行卡号：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" id="cardNum" name="cardNum"
								maxlength="20" pattern="^[a-zA-Z0-9]*$" required /> <span id="wrong2"
								class="wrong" inputId="cardNum"
								validateAlert="validate.pattern" style="display: none;">银行卡号不正确</span>
						</p>
						<p>
							银行卡绑定时间 ：<input type="text" name="fname" id="colBeginTime"
								class="start_time" style="width: 130px; text-align: center;"
								readonly placeholder="开始时间" /> — <input type="text"
								name="fname" id="colEndTime" class="end_time"
								style="width: 130px; text-align: center;" readonly
								placeholder="结束时间" />
						</p>
					</div>
					</form>
					<div class="rigthTableConditionButton">
						<a class="buttonBG3" href="javascript:void(0);" id="query"
							style="margin-left: -257px;margin-top:70px;">查询</a> <a href="javascript:void(0);"
							style="width: 66px; height: 25px; display: block; background: url(../images/buttonBG.png) no-repeat; color: #333; line-height: 25px; text-align: center; margin-top: -25px; margin-left: -168px; float: left; font-size: 13px;"
							onclick="resetQuery();">重置</a>
					</div>
			</div>
			<div class="rigthTableContent">
				<table border="1">
					<tr class="tableHead">
						<td class="first" style="width:175px;">用户编号</td>
						<td class="first" style="width:175px;">用户名</td>
						<td class="first" style="width:175px;">真实姓名</td>
						<td class="ninth" style="width:120px;">身份证号</td>
						<td class="ninth" style="width:90px;">手机号</td>
						<td class="ninth" style="width:135px;">银行卡号</td>
						<td class="first" style="width:175px;">所属银行</td>
						<td class="third" style="width:90px;">银行卡绑卡时间</td>
						<td class="third" style="width:90px;">换绑原因</td>
						<td class="ninth" style="width:90px;">操作</td>
					</tr>
					<tbody id="cardInfo">
					</tbody>
				</table>
				<div id="nodata" class="no_data">尚无数据</div>
			</div>

			<div id="pagingContainer" pagingContainer class="rigthTablePage"></div>
		</div>
	</div>
	
	<div id="mask_window01" style="height: 630px; width: 500px;">
		<div id="win_top01" style=" width: 500px;">
			银行卡管理<a href="javascript:void(0);" onClick="hiddenDiv()"><img
				src="../images/closed.png"></a>
		</div>
		<div class="window_content01">
			<form action="" method="post" submit="changeCard" novalidate
				id="changeForm">
				<table style="font-size: 14px; margin-left: 30px; margin-top: 20px;">
					<tr>
						<td>用户名</td>
						<td id="userNameInfo"></td>
					</tr>
					<tr height="20"></tr>
					<tr>
						<td>真实姓名</td>
						<td id="realNameInfo"></td>
					</tr>
					<tr height="20"></tr>
					<tr>
						<td>身份证号</td>
						<td id="idNum"></td>
					</tr>
					<tr height="20"></tr>
					<tr>
						<td>银行卡号</td>
						<td id="bankCode"></td>
					</tr>
					<tr height="20"></tr>
					<tr>
						<td>手机号</td>
						<td id="mobile"></td>
					</tr>
					<tr height="20"></tr>
					<tr>
						<td>所属银行</td>
						<td id="bank"></td>
					</tr>
					<tr height="20"></tr>
					<tr>
						<td>绑定银行卡时间&nbsp;&nbsp;</td>
						<td id="bindTime"></td>
					</tr>
					<tr height="20"></tr>
					<tr>
						<td>换绑原因</td>
						<td><textarea id="failedMassge" style="width:240px;height:103px;" placeholder="请填写换绑原因" required maxlength="300"></textarea>
						    <span class="wrong p_wrong" inputId="failedMassge"
							style="font-size: 12px; left: 400px; width: 137px; margin-top: 411px;"
							validateAlert="validate.required" style="display: none;">请填写换绑原因</span>
						</td>
					</tr>
					<tr height="20"></tr>
					<tr>
						<td>所属银行</td>
						<td><select id="chiceBank" style=" width: 180px;" required></select>
						    &nbsp;&nbsp;<span class="wrong p_wrong" inputId="chiceBank"
							style="font-size: 12px; left: 329px; width: 137px; margin-top: 454px;"
							validateAlert="validate.required" style="display: none;">请选择银行</span>
						</td>
					</tr>
					<tr height="20"></tr>
					<tr>
					<td>银行卡卡号</td>
					<td><input type="text" class="tel_input" id="bankNum" autocomplete="off"
							minlength="16" maxlength="19" size="25" style=" width: 176px;"
							onkeyup="this.value=this.value.replace(/\D/g,'')"
							onafterpaste="this.value=this.value.replace(/\D/g,'')"
							placeholder="请输入银行卡号" validate="checkBank" required/>&nbsp;&nbsp;
							<span class="wrong p_wrong" inputId="bankNum"
							style="font-size: 12px; left: 329px; width: 137px; margin-top: 500px;"
							validateAlert="validate.required" style="display: none;">请填写银行卡号</span>
							<span class="wrong p_wrong" inputId="bankNum"
							style="font-size: 12px; left: 329px; width: 137px; margin-top: 500px;"
							validateAlert="validate.minlength">至少输入16位卡号</span>
							<span class="wrong p_wrong" inputId="bankNum"
							style="line-height: 12px; left: 329px; width: 163px; margin-top: 500px;"
							validateAlert="checkBank"> 卡号与所选银行不匹配</span>
							</td>
					</tr>
					<tr height="20"></tr>
					<tr>
						<td><input type="hidden" id="cardId" value="" /></td>
					</tr>
				</table>
			</form>
		</div>
		<hr
			style="border: none; width: 94%; margin: 0 auto; border-top: 1px solid #98a4cc;" />
		<span class="window_Button01"> <a class="shenhe_Button01"
			href="javascript:void(0);" onClick="$('#changeForm').submit();">确&nbsp;&nbsp;认</a> <a
			class="shenhe_Button01" href="javascript:void(0);" onClick="hiddenDiv()">取&nbsp;&nbsp;消</a>
		</span>
	</div>
	
	<!-- 页脚 -->
	<div id="pageFooterContainer" pageFooterContainer></div>

	<script id="cardListInfo" type="text/x-jsrender">
		{{if #index % 2 === 0}}
			<tr class="rowHeight">
		{{else}}
			<tr class="colorRow rowHeight">
		{{/if}}
			<td>{{:cusCode}}</td>
			<td>{{:userName}}</td>
			<td>{{:realName}}</td>
			<td>{{:cusIdNum}}</td>
			<td>{{:cusMobile}}</td>
			<td>{{:cardNum}}</td>
			<td>{{:bankName}}</td>
			<td>{{:preTime}}</td>
			<td title="{{:failedMsg}}">{{formatString:failedMsg}}</td>
			<td style=" width:50px;"><a href="javascript:void(0);" class="Investment_records" onclick="upCard({'cardId':{{:cardId}}});" style="margin:auto 12px;">换绑</a></td>
	</script>
	<script type="text/x-jsrender" id="bankListJs">
            <option value="{{:bankCode}}">{{:bankName}}</option>
	</script>
</body>
</html>